<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="/MerlionFoodERP-war/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="/MerlionFoodERP-war/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Merlion Food ERP</title>
        <style>
            .infoMsg {color:blue;}
            .errorMsg {color:red;}
        </style>
    </h:head>

    <h:body>

        <div id="top">
            <ui:insert name="top">
                Merlion Food Limited
            </ui:insert>
        </div>
        
        <div id="container">
            <div id="left">
                <ui:insert name="left">
                   <h:form>
                       <p:menu style="width:170px;" model="#{menuBean.model}" />
                       <!--<p:menu position="dynamic" trigger="sq" my="left top" at="left bottom" model="#{menuBean.model}"/>--> 
                   </h:form>
                </ui:insert>
            </div>
            
            <div id="content">
                <ui:insert name="content">content</ui:insert>
            </div>
        </div>
        
        <div id="bottom">
            <ui:insert name="bottom">
                
            </ui:insert>
        </div>

    </h:body>

</html>
